<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">	
	</head>
	<body>
	<div id="marco"><!--inicio contenedor -->
	<div class="arriba-cuerpo"></div>
	<!-- Burrada pa ver borde redondo en IE -->
	<div class="cuerpo"><img src="<%=contextRoot%>/images/logos.png" />
	<div class="clear"></div>
	<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp"%> <!-- Menu y Usuario end() -->
	<div class="clear"></div>
	<!-- Formulario -->
	<div id="buscador">
	<h2>Gesti<h:outputText value="#{msg.tilde_o}" />n de Estudio Socio Econ<h:outputText value="#{msg.tilde_o}" />mico: Detalle Solicitud y Datos Personales <h:outputText value="#{estSocioEconomicoController.estSocioEconomico.id ne '' ? 'EDICION' : 'NUEVO'}" /></h2>
	<!--
	inclusion de campos de formularios init()
 	-->
 	<div style="position: relative; float: right;">
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '1' ? 'h' : ''}" />">1</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '2' ? 'h' : ''}" />">2</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '3' ? 'h' : ''}" />">3</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '4' ? 'h' : ''}" />">4</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '5' ? 'h' : ''}" />">5</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '6' ? 'h' : ''}" />">6</div>
		<div class="currentStep<h:outputText value="#{estSocioEconomicoController.estSocioEconomicoDetalle.opcion eq '7' ? 'h' : ''}" />">7</div>
	</div><br/><br/>
	<div class="clear"></div>
		<h:form id="personaSearchFormContainer">

<!-- ENCABEZADO DE LA SOLICITUD init() -->
	<fieldset title="0" style="width; 550px;">
	<legend></legend> 
	<div id="encabezadoSolicitud">
		<h3>Detalle de la solicitud (Solo lectura)</h3>
		<div class="linkContainer" id="enlaceDetalle">
			<a onclick="document.getElementById('detalleSolicitud').style.display = 'block';document.getElementById('enlaceDetalle').style.display = 'none'; return false" href="javascript:;">Ver Detalles</a>
		</div>
		<div id="detalleSolicitud" style="display : none">
			<div class="linkContainer">
				<a onclick="document.getElementById('detalleSolicitud').style.display = 'none';document.getElementById('enlaceDetalle').style.display = 'block'; return false" href="javascript:;">Ocultar Detalles</a>
				<div class="clear" style="margin-left: 400px;"><br/></div>
			</div>
			<div id="msgTecnico">

				<span class="left" style="margin-left:0px; margin-bottom: 5px;">
				<label>Radicado <span class="asterisco">*</span></label>
					<h:inputText id="radicadoRO" size="15" maxlength="15" styleClass="validate[required]"
								value="#{estSocioEconomicoController.solicitud.radicado}" readonly="true" disabled="true"/>
				</span>
				<span class="espacio-adicional left" style="margin-left: 40px; margin-bottom: 5px;">
				<label>Fecha Radicado <span class="asterisco">*</span></label>
					<h:inputText id="fechaRadicadoRO" styleClass="validate[required,custom[date]] fechaRadicado" size="10" maxlength="10"
							value="#{estSocioEconomicoController.solicitud.fechaRadicado}" readonly="true" disabled="true">
						<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:inputText>
				</span>
				<div class="clear" style="margin-left: 400px;"></div>
				
				<span class="left"> <label>Tipo de Permiso</label> 
				<h:selectOneMenu id="idTipoSolicitudStr" styleClass="validate[required]"
					value="#{estSocioEconomicoController.solicitud.idTipoSolicitudStr}" readonly="true" disabled="true">
					<f:selectItem itemLabel="Seleccione..." itemValue="" />
					<f:selectItems value="#{masterListCache.newRequestTypeList}" />
				</h:selectOneMenu> 
				</span> 
		
				<span class="left" style="margin-left:30px">
				<label>Fecha Ingreso <span class="asterisco">*</span></label>
					<h:inputText id="fechaIngreso" styleClass="validate[required,custom[date]] fechaIngreso" size="10" maxlength="10"
							value="#{estSocioEconomicoController.estSocioEconomico.fechaIngreso}" readonly="true">
						<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:inputText>
				</span>
				
				<span class="left" style="margin-left:30px">
				<label>Estado del Estudio<span class="asterisco">*</span></label>
					<h:selectOneMenu id="estadoEstudio" styleClass="validate[required]"
										value="#{estSocioEconomicoController.estSocioEconomico.estado}" readonly="true" disabled="true">
		                            <f:selectItem itemLabel="Seleccione..." itemValue=""/>
		                            <f:selectItems value="#{estSocioEconomicoController.estadoList}"/>
		                        </h:selectOneMenu>
				</span>
				
				<div class="clear" style="margin-left: 400px;"></div>
		
				<span class="left" style="margin-left:0px">
					<label>Direcci<h:outputText value="#{msg.tilde_o}" />n Venta <span class="asterisco">*</span></label>
		
					<h:inputText id="direccionVenta" size="60" maxlength="60" styleClass="validate[required]"
								value="#{estSocioEconomicoController.solicitud.direccionVenta}" readonly="true" />
						
					<a4j:commandButton id="checkAddressButton"
									 styleClass="botonsmall"
					                 type="submit" 
					                 value="Verificar..." ajaxSingle="true" 
					                 ondblclick="return false;" reRender="checkAddressPanel"
			                         action="#{estSocioEconomicoController.checkAddress}" disabled="true">
			                         
			                         <a4j:actionparam name="addressParam" value="document.getElementById('personaSearchFormContainer:direccionVenta').value" 
			                                          assignTo="#{estSocioEconomicoController.solicitud.direccionVenta}" noEscape="true" />
					</a4j:commandButton>
				</span>
				<div class="clear" style="margin-left: 400px;"></div>
		
				<span class="left" style="margin-left:0px"><label>
				<a4j:outputPanel id="checkAddressPanel" layout="block" >
					<h:panelGrid columns="1" style="text-align: left;" styleClass="tablapaginacion" >
					<h:outputText value="Barrio: #{estSocioEconomicoController.solicitud.codigoBarrio}-#{estSocioEconomicoController.solicitud.barrio}" />
					<h:outputText value="Comuna: #{estSocioEconomicoController.solicitud.codigoComuna}-#{estSocioEconomicoController.solicitud.comuna}" />
		                     </h:panelGrid>
		                    </a4j:outputPanel>
		                    </label>			
				</span>
			</div>
		</div>
	</fieldset>
	</h:form>
	<div class="clear" style="margin-left: 400px;"><br/></div>
	<h:form id="updatePersonaForm">
		<h3>1. Datos Personales</h3>

		<span class="left">
		<label>Tipo Identificaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
			<h:selectOneMenu id="idTipoIdentificacionStr" styleClass=""
			value="#{estSocioEconomicoController.solicitud.persona.idTipoIdentificacionStr}"
			readonly="true" disabled="true">
			<f:selectItem itemLabel="Seleccione..." itemValue="" />
			<f:selectItems value="#{masterListCache.classIdentificationForFilingType}" />
		</h:selectOneMenu>
		</span>
		
		<span class="left" style="margin-left: 30px;">
		<label>Identificaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
				<h:inputText id="identificacion" size="10" maxlength="10" styleClass="" 
						value="#{estSocioEconomicoController.solicitud.persona.identificacion}"  readonly="true"/>
		</span>

		<span class="espacio-adicional left" style="margin-left: 30px;">
		<label>Edad <span class="asterisco">*</span></label>
			<h:inputText id="edad" size="5" maxlength="5" styleClass="validate[required]" 
						value="#{estSocioEconomicoController.solicitud.persona.edad}"  readonly="true"/>
		</span>


		<span class="espacio-adicional left" style="margin-left: 30px;">
		<label>Estado Civ<h:outputText value="#{msg.tilde_i}" />l <span class="asterisco">*</span></label>
							<h:selectOneMenu id="idEstadoCivilStr" styleClass="validate[required]" 
												value="#{estSocioEconomicoController.solicitud.persona.idEstadoCivilStr}" readonly="true" disabled="true">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
								<f:selectItems value="#{masterListCache.maritalStateList}"/>
                            </h:selectOneMenu>
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left" style="margin-left: 0px; width: 290px;">
		<label>Primer Nombre <span class="asterisco">*</span></label>
				<h:inputText id="primerNombre" size="30" maxlength="60" styleClass="validate[required]" 
						value="#{estSocioEconomicoController.solicitud.persona.primerNombre}"  readonly="true"/>
		</span>
		
		<span class="left" style="margin-left: 10px; width: 290px;">
		<label>Segundo Nombre </label>
				<h:inputText id="segundoNombre" size="30" maxlength="60" styleClass="" 
						value="#{estSocioEconomicoController.solicitud.persona.segundoNombre}"  readonly="true"/>
		</span>

		<div class="clear" style="margin-left: 400px;"></div>
		
		<span class="left" style="margin-left: 0px; width: 290px;">
		<label>Primer Apellido <span class="asterisco">*</span></label>
				<h:inputText id="primerApellido" size="30" maxlength="60" styleClass="validate[required]" 
						value="#{estSocioEconomicoController.solicitud.persona.primerApellido}"  readonly="true"/>
		</span>
		
		<span class="left" style="margin-left: 10px; width: 290px;">
		<label>Segundo Apellido </label>
				<h:inputText id="segundoApellido" size="30" maxlength="60" styleClass="" 
						value="#{estSocioEconomicoController.solicitud.persona.segundoApellido}"  readonly="true"/>
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>
		
		<span class="left" style="margin-left: 0px;">
		<label>Tel<h:outputText value="#{msg.tilde_e}" />fono Residencia <span class="asterisco">*</span></label>
				<h:inputText id="telefonoResidencia" size="20" maxlength="20" styleClass="validate[required,custom[integer],minSize[7]]"
						value="#{estSocioEconomicoController.solicitud.persona.telefonoResidencia}" />
		</span>


		<span class="left" style="margin-left: 10px;">
		<label>Tel<h:outputText value="#{msg.tilde_e}" />fono Familiar <span class="asterisco">*</span></label>
				<h:inputText id="telefonoFamiliar" size="20" maxlength="20" styleClass="validate[required,custom[integer],minSize[7]]"
						value="#{estSocioEconomicoController.solicitud.persona.telefonoFamiliar}" />
		</span>

		<span class="left" style="margin-left: 10px;">
		<label>Tel<h:outputText value="#{msg.tilde_e}" />fono Conocido <span class="asterisco">*</span></label>
				<h:inputText id="telefonoConocido" size="20" maxlength="20" styleClass="validate[required,custom[integer],minSize[7]]" 
						value="#{estSocioEconomicoController.solicitud.persona.telefonoConocido}" />
		</span>


		<span class="left" style="margin-left: 10px;">
		<label>N<h:outputText value="#{msg.tilde_u}" />mero Celular </label>
				<h:inputText id="numeroCelular" size="20" maxlength="20" styleClass="validate[custom[integer],minSize[10]]" 
						value="#{estSocioEconomicoController.solicitud.persona.numeroCelular}" />
		</span>

		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left" style="margin-left:0px">
			<label>Direcci<h:outputText value="#{msg.tilde_o}" />n Residencia <span class="asterisco">*</span></label>

			<h:inputText id="direccionResidencia" size="60" maxlength="60" styleClass="validate[required]"
						value="#{estSocioEconomicoController.solicitud.persona.direccionResidencia}" />     
				
			<a4j:commandButton id="checkAddressButton"
							 styleClass="botonsmall"
			                 type="submit" 
			                 value="Verificar..." ajaxSingle="true" 
			                 ondblclick="return false;" reRender="checkAddressResidencePanel"
	                         action="#{estSocioEconomicoController.checkAddressResidence}" disabled="true">
	                         
	                         <a4j:actionparam name="addressParam" value="document.getElementById('updatePersonaForm:direccionResidencia').value" 
	                                          assignTo="#{estSocioEconomicoController.solicitud.persona.direccionResidencia}" noEscape="true" />
			</a4j:commandButton>
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left" style="margin-left:0px"><label>
		<a4j:outputPanel id="checkAddressResidencePanel" layout="block" >
			<h:panelGrid columns="1" style="text-align: left;" styleClass="tablapaginacion" >
			<h:outputText value="Barrio: #{estSocioEconomicoController.solicitud.persona.codigoBarrio}-#{estSocioEconomicoController.solicitud.persona.barrio}" />
			<h:outputText value="Comuna: #{estSocioEconomicoController.solicitud.persona.codigoComuna}-#{estSocioEconomicoController.solicitud.persona.comuna}" />
                     </h:panelGrid>
                    </a4j:outputPanel>
                    </label>			
		</span>

		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left" style="margin-left: 0px;">
		<label>Estrato <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idEstratoStr" styleClass="validate[required]" value="#{estSocioEconomicoController.solicitud.persona.idEstratoStr}">
	            	<f:selectItem itemLabel="Seleccione..." itemValue=""/>
	                <f:selectItems value="#{masterListCache.socialEconomicStratumTypeList}"/>
	            </h:selectOneMenu>
		</span>

		<span class="left" style="margin-left: 20px;">
		<label>Sexo <span class="asterisco">*</span></label> 		
				<h:selectOneMenu id="idSexoStr" styleClass="validate[required]" value="#{estSocioEconomicoController.solicitud.persona.idSexoStr}" readonly="true" disabled="true">
                	<f:selectItem itemLabel="Seleccione..." itemValue=""/>
                	<f:selectItems value="#{masterListCache.sexTypeList}"/>
            	</h:selectOneMenu>
		</span>

		<span class="left" style="margin-left: 20px;">
		<label>Email </label>
				<h:inputText id="email" size="30" maxlength="60" styleClass="validate[custom[email]]" 
						value="#{estSocioEconomicoController.solicitud.persona.email}" />
		</span>

		<span class="left" style="margin-left: 20px;">
		<label>Escolaridad <span class="asterisco">*</span></label>
				<h:selectOneMenu id="idEscolaridadStr" styleClass="validate[required]" value="#{estSocioEconomicoController.solicitud.persona.idEscolaridadStr}">
					<f:selectItem itemLabel="Seleccione..." itemValue=""/>
	                <f:selectItems value="#{masterListCache.schoolingTypeList}"/>
	            </h:selectOneMenu>				
		</span>

		<div class="clear" style="margin-left: 400px;"></div>


		<span class="left" style="margin-left: 0px; width: 250px;">
		<label>Departamento <span class="asterisco">*</span></label>
				<h:inputText id="departamento" size="30" maxlength="60" styleClass="validate[required]" 
						value="#{estSocioEconomicoController.solicitud.persona.departamento}"  readonly="true"/>
		</span>


		<span class="left" style="margin-left: 30px; width: 250px;">
		<label>Municipio <span class="asterisco">*</span></label>
				<h:inputText id="municipio" size="30" maxlength="60" styleClass="validate[required]" 
						value="#{estSocioEconomicoController.solicitud.persona.municipio}"  readonly="true"/>
		</span>

		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left">
		<label>Lugar Nacimiento <span class="asterisco">*</span></label>
				<h:inputText id="lugarNacimiento" size="60" maxlength="60" styleClass="validate[required]" 
						value="#{estSocioEconomicoController.solicitud.persona.lugarNacimiento}"  readonly="true"/>
		</span>
		
		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left">
		<label>Estado <span class="asterisco">*</span></label>
			<h:selectOneMenu id="estado" styleClass="validate[required]"
					value="#{estSocioEconomicoController.solicitud.persona.estado}" readonly="true" disabled="true">
                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                <f:selectItem itemLabel="Activo" itemValue="ACTIVO"/>
                <f:selectItem itemLabel="Inactivo" itemValue="INACTIVO"/>
            </h:selectOneMenu>
		</span>
		<div class="clear"></div>
		<br/>
		<div class="clear"></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		<span class="botones right">
		<h:commandButton id="updatePersonaButton"
						 styleClass="botonsmall"
		                 type="submit" 
		                 value="Continuar" 
		                 ondblclick="return false;" 
		                 action="#{estSocioEconomicoController.updateDetailEstPersona}" >
		</h:commandButton>
		</span>
	</h:form>	
	<!--
	inclusion de campos de formularios end()
 	-->
 	</div>
	<!-- Fin formulario -->
	<div class="clear"></div>
	<!-- tabla -->
	<div class="clear" style="width: 400px; margin-left: 0px;"></div>
	<br />
	<span class="botones left"
		style="width: 223px; height: 15px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; background-color: #006F73; color: white;">
	Informaci<h:outputText value="#{msg.tilde_o}" />n de Auditor<h:outputText
		value="#{msg.tilde_i}" />a </span>
	<div class="clear" style="margin-left: 400px;"></div>
	<div><span class="left"> <span class="left"
		style="width: 110px; height: 15px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #666666;">Usuario
	Creaci<h:outputText value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 110px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Fecha
	Creaci<h:outputText value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Usuario
	<h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText
		value="#{msg.tilde_o}" />n</span> <span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #EDEDED; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;">Fecha
	<h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText
		value="#{msg.tilde_o}" />n</span> </span>
	<span class="left"> 
	<span class="left"
		style="width: 110px; height: 15px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText
		value="#{estSocioEconomicoController.estSocioEconomico.usuarioCrea}" /></span>
	<span class="left"
		style="width: 110px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText
		value="#{estSocioEconomicoController.estSocioEconomico.fechaCrea}" /></span>
	<span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText
		value="#{estSocioEconomicoController.estSocioEconomico.usuarioModifica}" /></span>
	<span class="left"
		style="width: 170px; height: 15px; margin-left: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #999999; color: #666666;"><h:outputText
		value="#{estSocioEconomicoController.estSocioEconomico.fechaModifica}" /></span>
	</span></div>
	<div class="clear"><br />
	</div>
	<div>
	<h:form id="cancelEstSocioEconomicoForm">
		<h:commandButton id="cancelCreateEstSocioEconomicoButton"
			styleClass="botonsmall" type="submit" value="Cancelar"
			ondblclick="return false;"
			action="#{estSocioEconomicoController.cancelEst}">
		</h:commandButton>
	</h:form>
	</div>
	<div id="containerError" style="display:block;">
		<span class="botones left"><h:messages style="font-weight: bold; color: #FF0000;" /></span>
	</div>
	</div>
	<div class="abajo-cuerpo"></div>
	<!-- Burrada pa ver borde redondo en IE --></div>
	<!-- Fin contenedor -->
	<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
    <script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
	<script type="text/javascript">
        jQ(document).ready(function() {
        	jQ("input, select, input:checkbox, input:radio, input:file").uniform();
        	jQ("#updatePersonaForm").validationEngine('attach');
        	jQ("#updatePersonaForm").bind("jqv.form.result", 
                	function(event, errorFound) {
        				if(!errorFound){ 
            				displayLoadingImage();
        				}
        			});
        	jQ(".fechaIngreso").mask("99/99/9999");
        });
    </script>
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>	
	</body>
	</html>
</f:view>
